
<template>
  <div class="demo-button">
    <wd-row>
      <wd-button>默认按钮</wd-button>
      <wd-button type="primary">主要按钮</wd-button>
      <wd-button type="success">成功按钮</wd-button>
      <wd-button type="info">信息按钮</wd-button>
      <wd-button type="warning">警告按钮</wd-button>
      <wd-button type="danger">危险按钮</wd-button>
    </wd-row>
    <wd-row>
      <wd-button tip=" 默认按钮">Tooltip 默认按钮</wd-button>
      <wd-button tip=" 主要按钮" type="primary">主要按钮</wd-button>
      <wd-button tip=" 成功按钮" type="success">成功按钮</wd-button>
      <wd-button tip=" 信息按钮" type="info">信息按钮</wd-button>
      <wd-button tip=" 警告按钮" type="warning">警告按钮</wd-button>
      <wd-button tip=" 危险按钮" type="danger">危险按钮</wd-button>
    </wd-row>

    <wd-row>
      <wd-button tip="Tooltip 默认按钮" animation>Tooltip 默认按钮</wd-button>
      <wd-button tip="Tooltip 主要按钮" type="primary" animation>主要按钮</wd-button>
      <wd-button tip="Tooltip 成功按钮" type="success" animation>成功按钮</wd-button>
      <wd-button tip="Tooltip 信息按钮" type="info" animation>信息按钮</wd-button>
      <wd-button tip="Tooltip 警告按钮" type="warning" animation>警告按钮</wd-button>
      <wd-button tip="Tooltip 危险按钮" type="danger" animation>危险按钮</wd-button>
    </wd-row>
  </div>

</template>
  
<script  lang="ts">
</script>   
<style lang="less" scoped>
.demo-button .wd-row {
  margin-bottom: 20px;
}
.demo-button .wd-row:last-child {
  margin-bottom: 0px;
}
</style>